<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <title>list</title>
</head>
<body>
    <!-- 头部 -->
    <div id="headerBox">
        <div id="header">
            <div class="top">
                <a class="adv" href="">
                    <img src="https://static.asus.com.cn/store/20201112/00102953491019.jpg" alt="">
                    <img src="https://static.asus.com.cn/store/20201112/00102953491019.jpg" alt="">
                </a>
                <a class="a_event" href="">
                    <img class="button" src="../img/index/ia_400000000.png" alt="">
                </a>
            </div>
            <div class="center">
                <div class="flex">
                    <div>
                        <a class="a_event" href="">商城首页</a>
                        <a class="a_event" href="">服务中心</a>
                        <a class="a_event" href="">以旧换新</a>
                        <a class="a_event" href="">新机租赁</a>
                        <a class="a_event" href="">驱动下载</a>
                    </div>
                    <ul>
                        <li class="firstli">
                            <a href="login.html">登录</a>
                            |
                            <a href="login.html">注册
                                <div>享服务与支持</div>
                            </a>
                        </li>
                        <li>
                            <a class="a_event" href="">消息</a>
                        </li>
                        <li>
                            <a class="a_event" href="">我的订单</a>
                        </li>
                        <li class="lastli">
                            <a href="shop.html">
                                <i>
                                    <img src="../img/detail/ia_400000258.png" alt="">
                                </i>
                                <span>&nbsp;购物车（</span>
                                <span class="number_goods">&nbsp;0&nbsp;</span>
                                <span>）</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bottom">
                <div class="logo">
                    <a href="../">
                        <img src="../img/detail/ia_300000000.png" alt="">
                    </a>
                    <a href="../">
                        <img src="../img/detail/ia_400000005.gif" alt="">
                    </a>
                </div>
                <div class="nav">
                    <a class="a_event" href="">华硕官网</a>
                    <a class="a_event" href="">个人及家用产品</a>
                    <a class="a_event" href="">热门活动</a>
                    <a class="a_event" href="">服务支持</a>
                    <a class="a_event" href="">装机必备</a>
                </div>
                <div class="serch">
                    <div class="up">
                        <form action="">
                            <input type="text" placeholder="adolbook">
                            <div>
                                <a class="a_event" href="">时尚潮流</a>
                            </div>
                            <button>
                                <a class="a_event" href="">
                                    <span class="iconfont icon-sousuo"></span>
                                </a>
                            </button>
                        </form>
                    </div>
                    <div class="down">
                        <a class="a_event" class="firsta" href="">天选游戏本</a>
                        <a class="a_event" href="">VivoBook</a>
                        <a class="a_event" href="">adolbook</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <!-- body -->
    <div id="body">
        <div class="page">
            <div class="top">
                <span class="left">
                    <a class="a_event" href="">首页&nbsp;</a>
                </span>
                <span>></span>
                <span class="right">
                    <div>
                        <span>笔记本电脑</span>
                        <i></i>
                    </div>
                    <div>
                        <span>游戏笔记本</span>
                        <i></i>
                    </div>
                    <div>
                        <span>选择分类</span>
                        <i></i>
                    </div>
                </span>
            </div>
            <div class="section">
                <div class="screen">
                    <div class="header clear">
                        <h3>商品筛选</h3>
                        <div>
                            &nbsp;&nbsp;共
                            <b>15</b>
                            件商品
                        </div>
                    </div>
                    <div class="body">
                        <div class="filter">
                            <dl>
                                <dt>价格：</dt>
                                <dd>
                                    <a class="a_event" href="">1-2999元</a>
                                    <a class="a_event" href="">3000-5999元</a>
                                    <a class="a_event" href="">6000-7999元</a>
                                    <a class="a_event" href="">8000-9999元</a>
                                    <a class="a_event" href="">10000-29999元</a>
                                    <span class="input">
                                        <input type="text">
                                        <span>-</span>
                                        <input type="text">
                                        <button>确定</button>
                                    </span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>屏幕尺寸：</dt>
                                <dd>
                                    <a class="a_event" href="">15.6英寸</a>
                                    <a class="a_event" href="">17.3英寸</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>CPU型号：</dt>
                                <dd>
                                    <a class="a_event" href="">i7-10750H</a>
                                    <a class="a_event" href="">i7-10870H</a>
                                    <a class="a_event" href="">R5-4600H</a>
                                    <a class="a_event" href="">R7-4800H</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>显示核心：</dt>
                                <dd>
                                    <a class="a_event" href="">RTX 2060</a>
                                    <a class="a_event" href="">GTX 1660Ti</a>
                                    <a class="a_event" href="">GTX 1650Ti</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>内存：</dt>
                                <dd>
                                    <a class="a_event" href="">8GB</a>
                                    <a class="a_event" href="">16GB</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>硬盘容量：</dt>
                                <dd>
                                    <a class="a_event" href="">1TB+512GB</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="filter_more">
                            <a class="a_event" href="">
                                <span>显示更多筛选项</span>
                                <i class="iconfont icon-xia"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="store_screen clear">
                    <div class="left">
                        <a class="a_event" href="">综合</a>
                        <span>|</span>
                        <a class="a_event" href="">价格↓</a>
                        <span>|</span>
                        <a class="a_event" href="">新品↓</a>
                        <span>|</span>
                        <a class="a_event" href="">评论数↓</a>
                    </div>
                    <div class="right">
                        <a class="a_event" href="">
                            <i></i>
                            大图
                        </a>
                        <a class="a_event" href="">
                            <i></i>
                            列表
                        </a>
                        <input type="checkbox" name="" id="">
                        <label for="">仅显示有货</label>
                    </div>
                </div>
                <div class="store clear">
                    <ul class="load_data">
                        <li>
                            <a class="a_event" href="">
                                <img src="../img/list/ia_600000021.jpg" alt="">
                            </a>
                        </li>
                        <!-- <li>
                            <div class="img">
                                <a class="a_event" href="">
                                    <img src="../img/list/ia_600000022.webp" alt="">
                                    <img src="../img/list/ia_400000102.png" alt="">
                                </a>
                            </div>
                            <div class="ap">
                                <h3>
                                    <a class="a_event" href="">
                                        <p>天选&nbsp;元气蓝&nbsp;锐龙R&nbsp; RTX&nbsp;2060&nbsp;16G内存&nbsp;15.6英寸&nbsp;游戏本笔记本电脑</p>
                                        <p>AMD&nbsp;Ryzen™&nbsp;9&nbsp;4900H/16G/512G&nbsp;SSD/GeForce™&nbsp;RTX2060</p>
                                    </a>
                                </h3>
                                <div>
                                    <ins>￥8499</ins>
                                </div>
                                <div>
                                    <span>预售</span>
                                    <span>赠品</span>
                                </div>
                            </div>
                            <div class="customer clear">
                                <div>
                                    <a class="a_event" href="">
                                        <i></i>
                                        <span>对比</span>
                                    </a>
                                </div>
                                <div>
                                    <a class="a_event" href="">
                                        <i>收藏</i>
                                    </a>
                                </div>
                                <div>
                                    <a class="a_event goin_cookie" href="">
                                        <i></i>
                                        <span>加入购物车</span>
                                    </a>
                                </div>
                            </div>
                        </li> -->
                    </ul>
                </div>
            </div>
            <div class="pageview">
                <a class="a_event" href="">
                    <i class="iconfont icon-xiangyou1"></i>
                </a>
                <a class="a_event" href="">1</a>
                <a class="a_event" href="">
                    <i class="iconfont icon-arrow-right"></i>
                </a>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div id="footer">
        <div class="footer">
            <div class="service_border">
                <div class="service">
                    <ul class="clear">
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000274.png" alt="">
                            </div>
                            <p>&nbsp;官方直營</p>
                        </li>
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000120.png" alt="">
                            </div>
                            <p>&nbsp;享笔记本意外险</p>
                        </li>
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000274.png" alt="">
                            </div>
                            <p>&nbsp;满69包邮</p>
                        </li>
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000274.png" alt="">
                            </div>
                            <p>&nbsp;15天无理由退货</p>
                        </li>
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000274.png" alt="">
                            </div>
                            <p>&nbsp;支持支付宝&花呗分期</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="helper">
                <div class="heart clear">
                    <div class="area1">
                        <dl>
                            <dt>
                                <a class="a_event" href="">公司介绍</a>
                            </dt>
                            <dd>
                                <a class="a_event" href="">关于华顿</a>    
                            </dd>
                            <dd>
                                <a class="a_event" href="">华硕承诺</a>
                            </dd>
                            <dd>
                                <a class="a_event" href="">交易条款</a>
                            </dd>
                            <dd>
                                <a class="a_event" href="">特别提醒</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="area2">
                        <dl>
                            <dt><a href="">购物指南</a></dt>
                            <dd><a href="">订单说明</a></dd>
                            <dd><a href="">会员注册</a></dd>
                            <dd><a href="">会员账户安全与信息</a></dd>
                            <dd><a href="">购物流程</a></dd>
                            <dd><a href="">积分使用说明</a></dd>
                            <dd><a href="">优惠券使用说明</a></dd>
                            <dd><a href="">常见问题</a></dd>
                            <dd><a href="">华硕商城服务协议说明</a></dd>
                            <dd><a href="">授权服务店服务说明</a></dd>
                            <dd><a href="">以旧换新</a></dd>
                        </dl>
                    </div>
                    <div class="area3">
                        <dl>
                            <dt><a href="">配送与付款</a></dt>
                            <dd><a href="">发货与签收规范</a></dd>
                            <dd><a href="">配送运费说明</a></dd>
                            <dd><a href="">配送常见问题</a></dd>
                            <dd><a href="">配送异常</a></dd>
                            <dd><a href="">付款咨询</a></dd>
                            <dd><a href="">发票说明</a></dd>
                            <dd><a href="">发票常见问题</a></dd>
                            <dd><a href="">蚂蚁花呗常见问题</a></dd>
                        </dl>
                    </div>
                    <div class="area4">
                        <dl>
                            <dt><a href="">服务与支持</a></dt>
                            <dd><a href="">华硕服务中心查询</a></dd>
                            <dd><a href="">华硕授权实体门店查询</a></dd>
                            <dd><a href="">华硕智汇家</a></dd>
                            <dd><a href="">中国RoHS合格评定标识</a></dd>
                        </dl>
                    </div>
                    <div class="area5">
                        <p>400-091-9520</p>
                        <p>专属服务热线</p>
                        <img src="../img/detail/ia_400000121.png" alt="">
                        <p>扫码下载</p>
                    </div>
                </div>
            </div>
            <div class="info">
                <p>有任何购物问题请联系商城客服 | 电话：400-091-9520</p>
                <p>
                    <a class="a_event" href="">营业执照：12000002201803260012</a>
                    │沪ICP备11025349号-3 │ ASUSTeK Computer Inc. All Rights Reserved.
                </p>
                <p>
                    <img src="../img/detail/ia_400000123.png" alt="">
                    <a class="a_event" href="">沪公网安备 31011202002313号</a>
                </p>
            </div>
        </div>
    </div>

    <!-- 加入购物车 -->
    <div id="shop">
        <div class="loser">
            <div class="exit">
                ×
            </div>
            <div>
                <i class="iconfont icon-tanhao"></i>
                <span>加入购物车失败</span>
            </div>
            <div>商品超过限购数量</div>
            <div class="exit">确定</div>
        </div>
        <div class="success">
            <div class="exit">
                ×
            </div>
            <div>
                <i class="iconfont icon-icon-test"></i>
                <span>加入购物车成功</span>
            </div>
            <div>
                目前选购商品共
                <span class="number_goods">1</span>
                种
                <span class="number_goods">1</span>
                件。合计
                <span class="footing">￥9999</span>
            </div>
            <div>
                <span class="exit">继续购物</span>
                <a href="shop.html">进入购物车</a>
            </div>
        </div>
    </div>
    
    <script src="../js/require.js" async="true" defer data-main="../js/list.js"></script>
</body>
</html>